<div class="container-fluid">
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			   </button>
				<a class="navbar-brand fa fa-2x fa-home" data-bind="attr: { href: router.navigationModel()[0].hash }"></a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<!--ko foreach:router.navigationModel-->
					<li role="presentation " data-bind="css: { active: isActive } ">
						<a data-bind="attr: { href: hash }, html: title "></a>
					</li>
					<!--/ko-->
				</ul>
				<!--<ul class="nav navbar-nav navbar-right">
					<li>
						<div class="loader" style="width: 40px;height: 40px;background-color: gainsboro;" 
							data-bind="text:router.isNavigating,style: { backgroundColor: router.isNavigating()?'red':'green'} ">
							
						</div>
					</li>
				</ul>-->
			</div><!--/.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
	<div class="container-fluid page-host " data-bind="router: { transition: 'entrance' } "></div>
</div>